<template>
  <div class="main">
    <div class="block" ref="element">
      <el-carousel
        trigger="click"
        :height="height"
        :autoplay="false"
        :loop="false"
        :initial-index="iniIndex"
      >
        <el-carousel-item v-for="item in reports" :key="item.id">
          <div class="title">{{ item.title }}</div>
          <div class="desc">{{ item.desc }}</div>
        </el-carousel-item>
      </el-carousel>
    </div>
  </div>
</template>

<script>
export default {
  name: "report",
  data: function () {
    return {
      height: "300px",
      iniIndex: 1,
      reports: [
        {
          id: 0,
          title: "30分以下（包括30分）",
          desc: "  创新能力比较弱。如果您的测评分数在这个区间，\
            说明您目前的创新能力比较弱。您在创新意识、创新思维、创新知识，\
            与创新人格这四个方面均有较大的提升空间。建议您提升对事物的好奇心，\
            增强对问题解决的兴趣与欲望。训练自己发现并提出问题的能力。\
            同时，请不要在面对困难时立刻“知难而退”。\
            在事情暂时得不到解决的时候不要灰心，再试试看。\
            另外，要有意识地训练自己的创新思维。注意训练自己观察问题的能力，\
            并且尝试通过自己独立的思考想出办法解决问题。例如尝试使用逆向思维、\
            类比思维和组合思维找到一个新点子。您属于喜欢安全的个性，因此会本能的回避所有的冒险。\
            如果想提升自己的创新能力，可以尝试跳出自己的“舒适区”，尝试一些平常不大敢做的小事，\
            比如您可以试试在一大群人面前做一次演讲，或是看一场自己以外不大感兴趣的电影。\
            这些小事都可以帮助您增强创新的勇气。另外，知识对创新同样重要，\
            请不要忘记找一个自己感兴趣的方向并全身心地投入去学习，去吸收知识，\
            要知道只有勇气是不可能解决问题的。最后，也不要因为分数不理想而太过紧张，\
            相信自己通过训练能够提升自己的创新素质。",
        },
        {
          id: 1,
          title: "30-60分（包括60分）",
          desc: "正常区间。如果您正巧在这个分数区间，\
                您处在一个多数人所在的位置。这意味着您的创新素质不错，\
                但仍然有提升的空间。您具有一定的创新意识，\
                也就是说您对事物具有一定的好奇心，您可能对自己感兴趣的领域会用点心，\
                但是在与自己无关的领域则会完全无感，也不想了解。\
                如果您希望提升自己的创新精神，那么请尝试突破自己的“无感区”，\
                去了解一下自己平时不那么感兴趣的领域，比如如果您是女孩，\
                了解一下汽车引擎是如何工作的；如果您是男孩，\
                可以去看看与发型相关的书籍。另外，请加强对问题的创新思维。\
                这包括提升自己的批判性思维，也就是对那些“理所当然”的事进行质疑。\
                同样，知识对创新的作用不容忽视，如果要提升自己的知识创新，\
                需要更努力的吸收知识为你所用，这有助于您在碰到问题时想出办法。\
                最后，请不要灰心，您已经不错了，只要稍加注意和有意识的练习，提升只是时间的问题。",
        },
        {
          id: 2,
          title: "60-75分（包括75分）",
          desc: "  比较高的创新素质。非常好，如果您处在这个区间，\
                意味着您已经具备了比较优秀的创新精神和创新能力。\
                也就是说，您的创新能力高于大多数人。您不愿意不安于现状，\
                对自己的未知领域有比较强烈的探索精神。您不愿意跟随，\
                大多数时候，您是一位特立独行的人。凡事您总是希望通过自己的思考去找到答案。\
                您也非常愿意为了解决问题花时间学习，您希望通过对知识的系统掌握去搞定一个难题。\
                大家往往会对您说：“伙计，挺棒的。”但是，请注意您仍然有提升的空间，\
                这需要您更富有开拓精神，在所有人都说不的时候能够坚持自己的想法。这需要勇气，\
                有时候甚至需要作出一些牺牲。要成为顶尖的创新人才，有时候否定自己也是在所难免的。",
        },
        {
          id: 3,
          title: "75分以上",
          desc: "恭喜您，您具有非常强的创新精神，同时您的创新能力也是令人夸赞的。\
                相信您在生活中是一个充满好奇心，具有强烈的“问题意识”的人。\
                您推崇创新，追求创新，以创新为荣。在遇到问题的时候，总是想法设法地去解决。\
                即使一时解决不了问题，您也不会因此放弃，您总是耐心地观察问题，\
                并且会多次尝试不同的方法解决问题，知道问题找到答案为止。您的创新思维能力很强，\
                您具有灵活的思维能力，能够举一反三地解决问题。为了更好的解决问题，\
                您会不断地在您所在的专业吸收知识，并且整理加工，直到自己完全消化吸收。\
                这意味着您能在碰到问题时有更多的办法。您具有敢闯、敢冒风险、敢于怀疑和批判的科学精神，\
                具有良好的精神状态和心理素质。\
                当然，我们也要提醒您，凡事悠着点。速度不是最重要的，方向才是。",
        },
      ],

    };
  },
  props:{
    value:{ type: Number, default: 22 },
  },
  methods: {
    changeIniIndex: function(){
      if(this.value <= 30){
      this.iniIndex = 0
    } else if(this.value > 30 && this.value <= 60){
      this.iniIndex = 1
    } else if(this.value > 60 && this.value <= 75){
      this.iniIndex = 2
    } else {
      this.iniIndex = 3
    }
    }
  },
  mounted: function () {
    this.changeIniIndex()
  },
};
</script>

<style lang="less" scoped>
.main {
  height: 100%;
}

.title {
  font-size: 1.4em;
  font-weight: 600;
  padding-top:3px;
}

.desc {
  line-height: 1.24em;
  text-align: left;
  text-indent: 1.6em;
  padding: 8px 20px;
  font-size: 1.24em;
}

.block {
  width: 100%;
  background: #fff;
  border-radius: 10px;
}
</style>